<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>隐私政策 - 学知题库</title>
    <link href="../assets/css/app.css" rel="stylesheet">
    <link href="../assets/css/font-awesome.min.css" rel="stylesheet">
    <script src="../assets/js/chart.umd.min.js"></script>
    
    <!-- Tailwind 配置 - 已合并到公共配置文件 -->
    <!-- 
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#36CBCB',
                        accent: '#FF7D00',
                        neutral: '#F5F7FA',
                        'neutral-dark': '#4E5969',
                        success: '#00B42A',
                        warning: '#FF7D00',
                        danger: '#F53F3F',
                    },
                    fontFamily: {
                        inter: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    -->
    
    <!-- 工具类样式 - 已合并到 src/input.css -->
    <!-- 
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 20px rgba(0,0,0,0.08);
            }
            .bg-gradient-primary {
                background: linear-gradient(135deg, #165DFF 0%, #0E42B3 100%);
            }
            .progress-ring-circle {
                transition: stroke-dashoffset 0.35s;
                transform: rotate(-90deg);
                transform-origin: 50% 50%;
            }
            .animate-float {
                animation: float 3s ease-in-out infinite;
            }
            @keyframes float {
                0% { transform: translateY(0px); }
                50% { transform: translateY(-10px); }
                100% { transform: translateY(0px); }
            }
        }
    </style>
    -->
</head>
<body class="bg-gray-50 font-inter text-gray-800 min-h-screen flex flex-col">
    <!-- 顶部导航栏 -->
    <header class="bg-white shadow-sm sticky top-0 z-50 transition-all duration-300">
        <div class="container mx-auto px-4 py-3 flex items-center justify-between">
            <div class="flex items-center space-x-2">
                <a href="#" class="flex items-center">
                    <i class="fa fa-graduation-cap text-primary text-2xl mr-2"></i>
                    <h1 class="text-xl font-bold text-gray-800">学知题库</h1>
                </a>
            </div>
            
            <div class="hidden md:flex items-center space-x-6">
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">首页</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">题库</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">学习路径</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">模拟考试</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">关于我们</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">联系我们</a>
                <a href="#" class="text-primary font-medium border-b-2 border-primary pb-1">隐私政策</a>
            </div>
            
            <div class="flex items-center space-x-4">
                <div class="relative hidden md:block">
                    <input type="text" placeholder="搜索题目、知识点或教材..." 
                           class="pl-10 pr-4 py-2 rounded-full bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all w-64">
                    <i class="fa fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                </div>
                
                <div class="flex space-x-2">
                    <button class="px-4 py-2 bg-white text-primary border border-primary rounded-lg hover:bg-primary/5 transition-colors">登录</button>
                    <button class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors">注册</button>
                </div>
            </div>
        </div>
    </header>

    <!-- 主内容区（隐私政策页面） -->
    <main class="flex-1 py-8 bg-gray-50">
        <div class="container mx-auto px-4">
            <!-- 页面标题 -->
            <div class="mb-8">
                <h2 class="text-2xl font-bold text-gray-800">隐私政策</h2>
                <p class="text-gray-500 mt-1">更新日期：2025年7月1日</p>
            </div>
            
            <!-- 隐私政策内容 -->
            <div class="bg-white rounded-xl shadow-sm p-6">
                <div class="prose max-w-none">
                    <p class="mb-6">学知题库（以下简称"我们"）非常重视用户的隐私和个人信息保护。您在使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本《隐私政策》向您清晰地介绍我们对您个人信息的处理方式，因此请您在使用我们的服务前仔细阅读本隐私政策。</p>
                    
                    <h3 class="text-xl font-bold mb-4 mt-8">一、我们如何收集和使用您的个人信息</h3>
                    <p class="mb-4">我们会按照合法、正当、必要的原则，收集和使用您在使用服务过程中提供或产生的个人信息。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">1.1 注册和账号管理</h4>
                    <p class="mb-4">当您注册学知题库账号时，我们会收集您的手机号码、电子邮箱、用户名、密码等信息。这些信息是为了帮助您创建账号，确保账号安全，并为您提供个性化的学习服务。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">1.2 学习行为数据</h4>
                    <p class="mb-4">我们会收集您在使用服务过程中的学习行为数据，包括但不限于您的做题记录、学习时长、学习进度、错题记录等。这些数据将用于分析您的学习情况，为您提供个性化的学习建议和推荐。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">1.3 使用设备信息</h4>
                    <p class="mb-4">我们会收集您使用服务的设备信息，包括设备型号、操作系统版本、设备标识符、网络连接信息等。这些信息有助于我们保障服务的稳定性和安全性，优化用户体验。</p>
                    
                    <h3 class="text-xl font-bold mb-4 mt-8">二、我们如何共享、转让和公开披露您的个人信息</h3>
                    <p class="mb-4">我们不会将您的个人信息出售给第三方。在以下情况下，我们可能会共享、转让或公开披露您的个人信息：</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">2.1 获得您的明确同意</h4>
                    <p class="mb-4">在获得您的明确同意后，我们会按照您同意的方式和范围共享、转让或公开披露您的个人信息。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">2.2 服务提供商</h4>
                    <p class="mb-4">我们可能会将您的个人信息提供给帮助我们提供服务的第三方服务提供商，例如技术支持供应商、数据分析服务商等。这些第三方仅能在我们的指示下处理您的个人信息。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">2.3 法律法规要求</h4>
                    <p class="mb-4">在法律要求、诉讼、争议解决或为了保护我们的权利、财产或安全的情况下，我们可能会披露您的个人信息。</p>
                    
                    <h3 class="text-xl font-bold mb-4 mt-8">三、您的权利</h3>
                    <p class="mb-4">您对自己的个人信息享有以下权利：</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">3.1 访问和修改</h4>
                    <p class="mb-4">您可以访问和修改您的个人信息，包括账号信息、学习记录等。您可以通过账号设置或联系我们的客服进行操作。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">3.2 删除</h4>
                    <p class="mb-4">在符合法律规定的情况下，您有权要求我们删除您的个人信息。您可以通过联系我们的客服提出删除请求。</p>
                    
                    <h4 class="text-lg font-semibold mb-2 mt-6">3.3 限制处理</h4>
                    <p class="mb-4">在特定情况下，您有权要求我们限制对您个人信息的处理。例如，您可以要求我们停止为您提供个性化推荐服务。</p>
                    
                    <h3 class="text-xl font-bold mb-4 mt-8">四、数据安全</h3>
                    <p class="mb-4">我们采用行业标准的安全技术和程序来保护您的个人信息免受未经授权的访问、使用或泄露。我们会定期评估我们的安全措施，并根据技术发展和法规要求进行更新。</p>
                    
                    <h3 class="text-xl font-bold mb-4 mt-8">五、政策更新</h3>
                    <p class="mb-4">我们可能会不时更新本隐私政策。当我们对隐私政策进行重大变更时，我们会通过在网站上发布公告或发送通知等方式通知您。请您定期查看本隐私政策，以了解我们对您个人信息的处理方式的变化。</p>
                    
                    <h3 class="text-xl font-bold mb-4 mt-8">六、联系我们</h3>
                    <p class="mb-4">如果您对本隐私政策有任何疑问、意见或建议，您可以通过以下方式联系我们：</p>
                    <ul class="list-disc pl-5 mb-4">
                        <li>电子邮箱：contact@xuezhi.com</li>
                        <li>客服电话：400-123-4567</li>
                        <li>工作时间：周一至周日 9:00-21:00</li>
                    </ul>
                    
                    <p class="mb-0">感谢您对学知题库的信任和支持！</p>
                </div>
            </div>
            
            <!-- 政策确认 -->
            <div class="bg-white rounded-xl shadow-sm p-6 mt-6">
                <div class="flex items-start">
                    <div class="flex items-center h-5">
                        <input id="agree-privacy" name="agree-privacy" type="checkbox" class="focus:ring-primary h-4 w-4 text-primary border-gray-300 rounded">
                    </div>
                    <div class="ml-3 text-sm">
                        <label for="agree-privacy" class="text-gray-600">我已阅读并同意<a href="#" class="text-primary hover:underline">《隐私政策》</a></label>
                    </div>
                </div>
                
                <div class="mt-4 flex justify-end">
                    <button class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors">
                        确认已阅读
                    </button>
                </div>
            </div>
        </div>
    </main>

    <!-- 页脚（沿用原有风格） -->
    <footer class="bg-gray-800 text-white py-12 mt-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <div class="flex items-center mb-4">
                        <i class="fa fa-graduation-cap text-primary text-2xl mr-2"></i>
                        <h3 class="text-xl font-bold">学知题库</h3>
                    </div>
                    <p class="text-gray-400 mb-4">智能教育资源平台，助力学生高效学习</p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-weibo"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-wechat"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-qq"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fa fa-github"></i>
                        </a>
                    </div>
                </div>
                
                <div>
                    <h4 class="text-lg font-medium mb-4">快速链接</h4>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">首页</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">题库</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">学习路径</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">模拟考试</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
                        <li><a href="#" class="text-white font-medium">隐私政策</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-medium mb-4">帮助中心</h4>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">使用指南</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">意见反馈</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
                        <li><a href="#" class="text-white font-medium">隐私政策</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-medium mb-4">联系我们</h4>
                    <ul class="space-y-2">
                        <li class="flex items-center">
                            <i class="fa fa-map-marker text-primary mr-2"></i>
                            <span class="text-gray-400">北京市海淀区中关村大街1号</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fa fa-phone text-primary mr-2"></i>
                            <span class="text-gray-400">400-123-4567</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fa fa-envelope text-primary mr-2"></i>
                            <span class="text-gray-400">contact@xuezhi.com</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fa fa-clock-o text-primary mr-2"></i>
                            <span class="text-gray-400">周一至周日 9:00-21:00</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
                <p>&copy; 2025 学知题库 版权所有 | 京ICP备12345678号</p>
            </div>
        </div>
    </footer>
</body>
</html>